// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
module.exports = {
  publicPath: '/', // 这个必须，引入静态资源需要从根路径引入，否则会找不到静态资源
  devServer: {
    // history模式下的url会请求到服务器端，但是服务器端并没有这一个资源文件，就会返回404，所以需要配置这一项
    historyApiFallback: {
      index: '/index.html' // 与output的publicPath
    },
  },
  configureWebpack: {
    externals: {
      vue: 'Vue',
      'vue-router': 'VueRouter',
      axios: 'axios',
      'element-ui': 'ELEMENT',
      moment: 'moment'
    },
    resolve: {
      alias: {
        assets: '@/assets',
        common: '@/common',
        componets: '@/componets',
        utils: '@/utils',
        views: '@/views',
      }
    },
    plugins: [
      // new BundleAnalyzerPlugin(
      //   {
      //     analyzerMode: 'server',
      //     analyzerHost: '127.0.0.1',
      //     analyzerPort: 8889,
      //     reportFilename: 'report.html',
      //     defaultSizes: 'parsed',
      //     openAnalyzer: true,
      //     generateStatsFile: false,
      //     statsFilename: 'stats.json',
      //     statsOptions: null,
      //     logLevel: 'info'
      //   }
      // )
    ]
  }
}
